<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="<?php echo $this->descriptionMetaTagContent; ?>" />
    <meta name="keywords" content="<?php echo $this->keyWordsMetaTagContent; ?>" />
    <title><?php echo $this->pageTitle; ?></title>
	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/templatemo_style.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/ddsmoothmenu.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/styles.css" />
    <?php Yii::app()->ClientScript->registerCoreScript('jquery'); ?>
    <script src="<?php echo Yii::app()->theme->baseUrl; ?>/js/ddsmoothmenu.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/scripts/mootools-1.2.1-core.js"></script>
    <script language="javascript" type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/scripts/mootools-1.2-more.js"></script>
    <script language="javascript" type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/scripts/slideitmoo-1.1.js"></script>
    <script language="javascript" type="text/javascript">
    window.addEvents({
        'domready': function(){
            /* thumbnails example , div containers */
            new SlideItMoo({
                overallContainer: 'SlideItMoo_outer',
                elementScrolled: 'SlideItMoo_inner',
                thumbsContainer: 'SlideItMoo_items',        
                itemsVisible: 5,
                elemsSlide: 2,
                duration: 200,
                itemsSelector: '.SlideItMoo_element',
                itemWidth: 171,
                showControls:1});
        },
    });

    function clearText(field)
    {
        if (field.defaultValue == field.value) field.value = '';
        else if (field.value == '') field.value = field.defaultValue;
    }

    var themeBaseUrl = '<?php echo Yii::app()->theme->baseUrl; ?>';
    // shadowbox
    /*Shadowbox.loadSkin('classic', themeBaseUrl+'/scripts/shadowbox-2.0/skin');
    Shadowbox.loadLanguage('en', themeBaseUrl+'/scripts/shadowbox-2.0/lang');
    Shadowbox.loadPlayer(['iframe','img'], themeBaseUrl+'/scripts/shadowbox-2.0/player');
    $(document).ready(function(){
        Shadowbox.init({
            animate : false,
            animateFade : false
        });
    });*/
    </script>
</head>
<body id="home">
    <script type="text/javascript">
    var baseUrl = '<?php echo Yii::app()->request->getBaseUrl(true); ?>';
    var currentUrl = window.location.href;
    </script>
    <?php $themeBaseUrl = Yii::app()->theme->baseUrl; ?>

    <div id="templatemo_wrapper">
        <div id="templatemo_header">
            <div id="site_title"><h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1></div>
            <div id="header_right">
                <ul id="language">
                    <li><a><img src="<?php echo $themeBaseUrl; ?>/images/usa.png" alt="English" /></a></li>
                    <li><a><img src="<?php echo $themeBaseUrl; ?>/images/china.png" alt="Chinese" /></a></li>
                </ul>
                <div class="cleaner"></div>
                <div id="templatemo_search">
                    <form action="#" method="get">
                      <input type="text" value="Search" name="keyword" id="keyword" title="keyword" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
                      <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" class="sub_btn"  />
                    </form>
                </div>
             </div> <!-- END -->
        </div> <!-- END of header -->
        
        <div id="templatemo_menu" class="ddsmoothmenu">
            <ul>
                <li><a href="index.html" class="selected">Home</a></li>
                <li><a href="products.html">Products</a>
                    <ul>
                        <li><a href="#">Sub menu 1</a></li>
                        <li><a href="#">Sub menu 2</a></li>
                        <li><a href="#">Sub menu 3</a></li>
                  </ul>
                </li>
                <li><a href="about.html">About</a>
                    <ul>
                        <li><a href="#">Sub menu 1</a></li>
                        <li><a href="#">Sub menu 2</a></li>
                        <li><a href="#">Sub menu 3</a></li>
                        <li><a href="#">Sub menu 4</a></li>
                        <li><a href="#">Sub menu 5</a></li>
                  </ul>
                </li>
                <li><a href="faqs.html">FAQs</a></li>
                <li><a href="checkout.html">Checkout</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
            <br style="clear: left" />
        </div> <!-- end of templatemo_menu -->
        
        <div id="templatemo_middle">
            <img src="<?php echo $themeBaseUrl; ?>/images/templatemo_image_01.png" alt="Image 01" />
            <h1>Introducing Web Store</h1>
            <p><a href="http://www.templatemo.com" target="_parent">Web Store</a> is a free css template for your personal or commercial websites. Feel free to download, edit and use this template for any purpose.</p>
            <a href="#" class="buy_now">Browse All Products</a>
        </div> <!-- END of middle -->
        
        <div id="templatemo_main_top"></div>
        <div id="templatemo_main">
            <div id="product_slider">
                <div id="SlideItMoo_outer">    
                    <div id="SlideItMoo_inner">            
                        <div id="SlideItMoo_items">
                            <div class="SlideItMoo_element">
                                    <a href="http://www.templatemo.com/page/1" target="_parent">
                                    <img src="<?php echo $themeBaseUrl; ?>/images/gallery/01.jpg" alt="product 1" /></a>
                            </div>    
                            <div class="SlideItMoo_element">
                                    <a href="http://www.templatemo.com/page/2" target="_parent">
                                    <img src="<?php echo $themeBaseUrl; ?>/images/gallery/02.jpg" alt="product 2" /></a>
                            </div>
                            <div class="SlideItMoo_element">
                                    <a href="http://www.templatemo.com/page/3" target="_parent">
                                     <img src="<?php echo $themeBaseUrl; ?>/images/gallery/03.jpg" alt="product 3" /></a>
                            </div>
                            <div class="SlideItMoo_element">
                                    <a href="http://www.templatemo.com/page/4" target="_parent">
                                    <img src="<?php echo $themeBaseUrl; ?>/images/gallery/04.jpg" alt="product 4" /></a>
                            </div>
                            <div class="SlideItMoo_element">
                                    <a href="http://www.templatemo.com/page/5" target="_parent">
                                   <img src="<?php echo $themeBaseUrl; ?>/images/gallery/05.jpg" alt="product 5" /></a>
                            </div>
                            <div class="SlideItMoo_element">
                                    <a href="http://www.templatemo.com/page/6" target="_parent">
                                    <img src="<?php echo $themeBaseUrl; ?>/images/gallery/06.jpg" alt="product 6" /></a>
                            </div>
                            <div class="SlideItMoo_element">
                                    <a href="http://www.templatemo.com/page/6" target="_parent">
                                    <img src="<?php echo $themeBaseUrl; ?>/images/gallery/07.jpg" alt="product 7" /></a>
                            </div>
                        </div>            
                    </div>
                </div>
                <div class="cleaner"></div>
            </div>
            
            <div id="sidebar">
                <h3>Categories</h3>
                <ul class="sidebar_menu">
                    <li><a href="#">Aenean et dolor diam</a></li>
                    <li><a href="#">Aenean pulvinar</a></li>                
                    <li><a href="#">Cras bibendum auctor</a></li>
                    <li><a href="#">Donec sodales bibendum</a></li>                
                    <li><a href="#">Etiam in tellus</a></li>
                    <li><a href="#">Hendrerit justo</a></li>     
                    <li><a href="#">Integer interdum</a></li>                
                    <li><a href="#">Maecenas a diam</a></li>
                    <li><a href="#">Nullam in semper</a></li>
                    <li><a href="#">Posuere in commodo</a></li>
                    <li><a href="#">Tincidunt leo</a></li>
                    <li><a href="#">Vestibulum blandit</a></li>
                </ul>
                <h3>Newsletter</h3>
                <p>Praesent aliquam mi id tellus pretium pulvinar in vel ligula.</p>
                <div id="newsletter">
                    <form action="#" method="get">
                      <input type="text" value="Subscribe" name="email_newsletter" id="email_newsletter" title="email_newsletter" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
                      <input type="submit" name="subscribe" value="Subscribe" alt="Subscribe" id="subscribebtn" title="Subscribe" class="subscribebtn"  />
                    </form>
                    <div class="cleaner"></div>
                </div>
            </div> <!-- END of sidebar -->
            
            <div id="content">
                <?php echo $content; ?>            
            </div> <!-- END of content -->
            <div class="cleaner"></div>
        </div> <!-- END of main -->
        
        <div id="templatemo_footer">
            <div class="col col_16">
                <h4>Categories</h4>
                <ul class="footer_menu">
                    <li><a href="#">Aenean et dolor diam</a></li>
                    <li><a href="#">Aenean pulvinar</a></li>                
                    <li><a href="#">Cras bibendum auctor</a></li>
                    <li><a href="#">Donec sodales bibendum</a></li>                
              </ul>  
            </div>
            <div class="col col_16">
                <h4>Pages</h4>
                <ul class="footer_menu">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Shipping</a></li>
                    <li><a href="#">Privacy</a></li>
                </ul>  
            </div>
            <div class="col col_16">
                <h4>Partners</h4>
                <ul class="footer_menu">
                    <li><a href="http://www.flashmo.com/">Free Flash Templates</a></li>
                    <li><a href="http://www.templatemo.com/">Free CSS Templates</a></li>
                    <li><a href="http://www.koflash.com/">Website Gallery</a></li>
                    <li><a href="http://www.webdesignmo.com/blog/">Web Design Resources</a></li>
                </ul>  
            </div>
            <div class="col col_16">
                <h4>Social</h4>
                <ul class="footer_menu">
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Youtube</a></li>
                    <li><a href="#">LinkedIn</a></li> 
              </ul>  
            </div>
            <div class="col col_13 no_margin_right">
                <h4>About Us</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur semper quam sit amet turpis rhoncus id venenatis tellus sollicitudin. Fusce ullamcorper, dolor non mollis pulvinar, turpis tortor commodo nisl. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
            </div>
            
            <div class="cleaner h40"></div>
            <center>
                Copyright © 2048 Your Company Name | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
            </center>
        </div> <!-- END of footer -->   
       
    </div>
    
</body>
</html>
